<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器续</title>
    <style>
        /*子孙后代选择器*/
/*        div div p{
            color: red;
        }
        div div div p{
            color: blue;
        }*/
        /*子元素选择器*/
        body>div>div>p{
            color: blue;
        }
        /*伪类选择器*/
        /*未访问状态*/
        /*链接颜色*/
        a:link{
            color: red;
        }
        /*访问过*/
        a:visited{
            color: green;
        }
        /*悬停*/
        a:hover{
            color: pink;
        }
        /*点击*/
        a:active{
            color: yellow;
        }
    </style>
</head>
<body>
    <a href="http://www.baidu.com">百度</a>
    <a href="01css引入方式.html">css引入方式</a>
    <a href="02css选择器.html">选择器</a>
    <p>p1</p>
    <div>
        <p>p2</p>
        <div><p>p3</p></div>
        <div>
            <p>4</p>
            <div><p>p5</p></div>
        </div>
    </div>
</body>
</html>